<nav class="bar bar-tab">
  <a class="tab-item active" href="javascript:void(0);">
    <span class="icon icon-download"></span>
    <span class="tab-label">我要配资</span>
  </a>
  <a class="tab-item" yo-href="#apply-list">
    <span class="icon icon-list"></span>
    <span class="tab-label">申请列表</span>
  </a>
  <a class="tab-item" yo-href="#person-info">
    <span class="icon icon-person"></span>
    <span class="tab-label" id="userNickname"></span>
  </a>
</nav>

<div class="content">

	<div class="segmented-control" id="pz-type">
		<span class="control-item active" data-type="month">
			按月
		</span>
		<span class="control-item" data-type="day">
			按天
		</span>
	</div>

	<form onsubmit="return false;">
		<input id="amount" type="number" placeholder="本金" min="100" step="100">
		<input id="num" type="number" placeholder="月（天）数" min="1">

		<input id="numMulti" type="number" placeholder="配资倍数" min="1">

		<button class="btn btn-primary btn-block" id="btn-pay">
			<span class="icon icon-check"></span>
			支付保证金
			<span class="badge badge-negative" id="totalPayed">0</span>
		</button>
	</form>

	<div class="card">
		<ul class="table-view">
			<li class="table-view-cell">资金使用期限
				<span id="pzDayRange"></span>
			</li>
			<li class="table-view-cell">开始交易时间
				<span id="pzDayBegin"></span>
			</li>

			<li class="table-view-cell table-view-divider">金额</li>

			<li class="table-view-cell">操盘额
				<span id="pzAmountTotal"></span>
			</li>
			<li class="table-view-cell">预警线
				<span id="pzAmountWarning"></span>
			</li>
			<li class="table-view-cell">平仓线
				<span id="pzAmountFlush"></span>
			</li>
			<li class="table-view-cell table-view-divider">利息</li>
			<li class="table-view-cell">借款利息
				<br />
				<span id="pzAmountInt">
				</span>
			</li>
		</ul>	
	</div>

</div>